@import "../theme.less";
.block {
    padding: 12px 16px;
    box-sizing: border-box;
  
    .title {
      color: #1c2126;
      font-size: 14px;
      text-align: center;
      width: 100%;
      font-weight: 700;
      margin-bottom: 8px;
    }
  
    .func {
      display: flex;
      flex-direction: column;
      align-items: center;
      cursor: pointer;
      user-select: none;
      padding: 4px;
      border-radius: 4px;
      flex-shrink: 0;
      box-sizing: border-box;
  
      &:hover {
        background: #edeff2;
      }
  
      &:active {
        background: #dcdee1;
      }
  
      .icon {
        width: 40px;
        height: 40px;
        display: block;
      }
  
      .func-name {
        margin-top: 2px;
        font-size: 12px;
        font-weight: 400;
        display: block;
      }
    }
  
    .func-active {
      .func();
      background-color: #edeff2;
    }
  
    .fill {
      width: 10px;
      height: 10px;
    }
  }

  .max-width {
    max-width: 100%;
    overflow-x: scroll;
  }
